<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <link href="https://fonts.googleapis.com/icon?family=Material+Icons" rel="stylesheet">
    <link rel="stylesheet" href="style.css">
    <title>黄雨秋的简历</title>
</head>
<body>
    <div class="container">
        <div class="leftSide">
           <div class="profile">
               <img src="i/证件照.jpg" alt="personal pic"> 
               <h2>黄雨秋 <br><span>21岁｜女｜大四在读<br>网页产品经理/助理/实习生｜月内到岗 </span></h2>
           </div>

           <div class="contactInfo">
               <h3 class="title">联系方式</h3>
               <ul>
                   <li>
                    <span class="material-icons">
                        call
                        </span>
                    <span class="text">13237819770</span>
                   </li>
                   <li>
                    <span class="material-icons">
                        email
                        </span>
                    <span class="text">244846618@qq.com</span>
                   </li>
                   
                   <li>
                    <span class="material-icons">
                        location_on
                        </span>
                    <span class="text">广西南宁</span>
                   </li>
               </ul>
           </div>

           <div class="contactInfo education">
               <h3 class="title">教育经历</h3>
                 <ul>
                     <li>
                         <h5>2019-2023</h5>
                         <h4>南宁学院</h4>
                         <span class="text">数字媒体技术（在读）</span>
                     </li>
                    

                 </ul>
           </div>

           <div class="contactInfo language">
                <h3 class="title">计算机语言</h3>
                <ul>
                    <li> <span class="text">HTML</span> </li>
                    <li> <span class="percent">
                        <div style="width:calc(85%)"></div>

                    </span> </li>

                    <li> <span class="text">CSS</span> </li>
                    <li> <span class="percent">
                        <div style="width:calc(85%)"></div>

                    </span> </li>

                    <li> <span class="text">JavaScript</span> </li>
                    <li> <span class="percent">
                        <div style="width:calc(85%)"></div>

                    </span> </li>

                    <li> <span class="text">Java</span> </li>
                    <li> <span class="percent">
                        <div style="width:calc(80%)"></div>

                    </span> </li>

                    <li> <span class="text">SQL</span> </li>
                    <li> <span class="percent">
                        <div style="width:calc(80%)"></div>

                    </span> </li>
                </ul>

           </div>

        </div>

        <div class="rightSide">
            <div class="about">
                <h2 class="title2">个人介绍</h2>
                <p>座右铭：行动胜于语言<br>
                    1、自学能力强，能快速接受新知识，具有较强的自我驱动力；<br>
                    2、熟悉需求分析、原型制作、文档输出以及项目管理，具备独立分析和解决问题的能力，有个人作品集；<br>
                    2、有较好的团队协作和沟通能力，有强烈的责任心、较强的抗压能力。<br>
                </p>
            </div>
             <div class="about">
                <h2 class="title2">技能掌握</h2>
                <p>1、熟练使用Axure、墨刀输出高保真原型，熟练使用Visio、X-mind、OmniGraffle画图，熟练使用PS、AI绘图，精通word、excel、ppt，能用Tableau分析大量数据；<br>
                    2、熟悉HTML、CSS、JavaScript等前端开发相关技术和网页设计规范，能编写、理解代码，对网页架构设计有一定的审美；<br>
                    3、了解浏览器工作原理，熟悉TCP、UDP、HTTP等常用网络协议；<br>
                    4、熟练使用Ant Design、TDesign、ELementUI、Semi Design等组件资源库。<br>
                </p>
            </div>
            <div class="about">
                <h2 class="title2">项目经验</h2>
                <div class="box">
                    <div class="year-company">
                        <h5>2020.11-2021.1</h5>
                        <h5>基于web的网上水果订购系统的设计与实现</h5>

                    </div>

                    <div class="text">
                        <h4>UI设计者</h4>
                        <p>负责页面设计与实现。根据UI设计图，使用HTML+CS完成页面布局，通过JavaScript实现页面效果，如轮播图、下拉菜单。</p>
                    </div>
                </div>

                <div class="box">
                    <div class="year-company">
                        <h5>2022.4-至今</h5>
                        <h5>HTML5+CSS3<br>静态网页简历</h5>

                    </div>

                    <div class="text">
                        <h4>开发者</h4>
                        <p>采用HTML+CSS进行页面的静态布局，是纯静态网页；<br>
						*浏览地址：https://huangyuqiu.gitee.io/static-resume-page/
                        </p>
                    </div>
                </div>
<!-- 
                <div class="box">
                    <div class="year-company">
                        <h5>2022.3-至今</h5>
                        <h5>HTML5+CSS3<br>动态网页简历</h5>

                    </div>

                    <div class="text">
                        <h4>开发者</h4>
                        <p>1、在静态网页的基础上，使用iframe框架嵌入做好的动态介绍卡片，实现简历的动态效果；<br>
                            2、CSS实现卡片鼠标悬停效果：图片变小，文字从下向上滚动在图片上。<br>
                            *浏览地址：https://huangyuqiu.gitee.io/resume/
                        </p>
                    </div>
                </div> -->

            </div>
           <div class="about">
               
                <h2 class="title2">组织经历</h2>
                <div class="box">
                    <div class="year-company">
                        <h5>2019.10-2020.10</h5>
                        <h5>校学生会</h5>
                      <div class="text">
                        <h4>文艺部干事</h4>
                        <p>整理日常工作资料，负责微博公众号的运营，跟进校学生会举办大型晚会共5场，参与人数累计5000余人。</p>
                    </div>
                    </div>
                 </div>
                 <div class="box">
                    <div class="year-company">
                        <h5>2020.11-至今</h5>
                        <h5>院心灵驿站</h5>
                      <div class="text">
                        <h4>站长</h4>
                        <p>1、每周开展部门例会，完成心灵驿站4个部门的管理，确保部门内部有序运转，实现工作目标达成率100%，每学期完成2篇述职报告。<br>
						2、协办学校心理健康教育主题活动4场，主办学院大型会议3场，作为导演举办元旦晚会2场；<br>
						3、连任两年站长，连续两年获校级优秀学生干部。
						</p>
                    </div>
                    </div>
                 </div>

            </div>
            <div class="about">
               
                <h2 class="title2">社会实践</h2>
                <div class="box">
                    <div class="year-company">
                        <h5>2021.7-2021.11</h5>
                        <h5>2021年大学生暑期“三下乡”</h5>
                      <div class="text">
                        <h4>团长</h4>
                        <p>1、深入乡村基层，了解当地乡村建设情况，依托本专业知识，以非物质文化遗产为主线，了解在党的春风沐浴下非物质文化遗产的历史传承与推广。<br>
                            2、关注乡村振兴产业，利用所学知识在电商、线上带货等互联网平台拓展助农产品销售渠道，将高校智力和项目资源辐射到农村地区。参与宣传工作，撰写调查报告1篇、心得体会1篇、新闻稿2篇、ppt2个，期间取得“三下乡”先进个人奖，带领团队获校级一等奖。
                        </p>
                    </div>
                    </div>
                 </div>
            </div>
     

           <div class="about interest">
              <h2 class="title2">兴趣爱好</h2>
                <ul>
                    <li>
                        <span class="material-icons" style="vertical-align:-6px;">
                            piano
                            </span>
                        钢琴</li>
                    <li>
                        <span class="material-icons" style="vertical-align:-6px;">
                            code
                            </span>
                        编程</li>
                    <li>
                        <span class="material-icons" style="vertical-align:-6px;">
                            woman
                            </span>
                        芭蕾</li>
                    <li>

                        <span class="material-icons" style="vertical-align:-6px;">
                            menu_book <!-- 每个单词小写，中间用_链接 -->
                            </span>阅读</li>
                </ul>

           </div>





        </div>
    </div>
</body>
</html>